<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p4_元素溢出替换为省略号</title>
    <style>
        div {
            width: 200px;
            background-color:#ff0 ;
            whith-space:
            whit-space: nowrap;
        }
        disp;ay
        <style>





</head>
<body>
<div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque eius excepturi maiores neque praesentium quae qui velit. Architecto debitis doloribus dolorum eum nam, necessitatibus nihil nobis porro quia quis voluptates.
</div>

</body>
</html>